<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorate="content">
<head>
<title>�ͻ��б�</title>
</head>
<body>
	<div layout:fragment="content">
		<table style="width: 100%;" data-bind="with:WaybillModel">
			<tbody>
				<tr>
					<td class="td_form01">订单编号:</td>
					<td class="td_form02"><input type="text"
						data-bind="value:orderid" /></td>
					<td class="td_form01">批次号:</td>
					<td class="td_form02"><input type="text"
						data-bind="value:batchnumber" /></td>
					<td class="td_form01">运单号:</td>
					<td class="td_form02"><input type="text"
						data-bind="value:expressnumber" /></td>
				</tr>
				<tr>
					<td class="td_form01">推送时间</td>
					<td class="td_form02">
						<input type="text" name="startDate" id="startDate" data-bind="datetimes:start,date_format:'yyyy-MM-dd'">
                		<span>&nbsp;&nbsp;-</span>
                		<input type="text" name="endDate" id="endDate" data-bind="datetimes:end,date_format:'yyyy-MM-dd'">
					</td>
					<td class="td_form01"></td>
					<td class="td_form02">
						<!-- <input type="text" data-bind="value:email" /> -->
					</td>
					<td class="td_form01"></td>
					<td class="td_form02"></td>
				</tr>
				<tr>
					<td colspan="3" class="td_form01 text-center"><input
						type="button" class="buttonface" value="清空"
						data-bind="click:$root.empty" /></td>
					<td colspan="3" class="td_form01 text-center"><input
						type="button" class="buttonface" value="查询"
						data-bind="click:$root.search" /></td>
				</tr>
				<div class="list_page">
					<table style="width: 100%;" border="1" cellspacing="0">
						<thead>
							<tr>
								<th class="td_top">序号</th>
								<th class="td_top">主单号</th>
								<th class="td_top">运单号</th>
								<th class="td_top">订单号</th>
								<th class="td_top">批次号</th>
								<th class="td_top">物流企业名称</th>
								<th class="td_top">模式代码</th>
								<th class="td_top">电商平台名称</th>
								<th class="td_top">运输工具</th>
								<th class="td_top">装运港/指运港</th>
								<th class="td_top">收货人</th>
								<th class="td_top">收货人地址</th>
								<th class="td_top">发送状态</th>
								<th class="td_top">操作</th>
								<th class="td_top">运单回执</th>
							</tr>
						</thead>
						<tbody id="data" data-bind="foreach:DataGrid.DataRows">
							<tr>
								<td data-bind="text:$index()+1" style="text-align: center;"></td>
								<td data-bind="text:billNo" style="text-align: center;"></td>
								<td data-bind="text:orderId" style="text-align: center;"></td>
								<td data-bind="text:expressNumber" style="text-align: center;"></td>
								<td data-bind="text:totalTransferNumber"
									style="text-align: center;"></td>
								<td data-bind="text:deliverEnterpriseName"
									style="text-align: center;"></td>
								<td data-bind="text:billMode" style="text-align: center;"></td>
								<td data-bind="text:ecpName" style="text-align: center;"></td>
								<td data-bind="text:shipName" style="text-align: center;"></td>
								<td data-bind="text:destinationPort" style="text-align: center;"></td>
								<td data-bind="text:senderName" style="text-align: center;"></td>
								<td data-bind="text:senderAddress" style="text-align: center;"></td>
								<td data-bind="text:sendStatus" style="text-align: center;"></td>
								<td style="text-align: center;width: 77px;">
									<input type="button"class="pure-button pure-button-primary" value="修改"data-bind="click:$root.update" /> 
									<input type="button"class="pure-button button-warning" value="重推" data-bind="click:$root.send" />
								</td>
								<td style="text-align: center;">
									<input type="button"class="pure-button button-secondary" value="查看"data-bind="click:$root.look" />
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</tbody>
		</table>
		<div id="popbg" style="display: none;">
			<table class="table table-hover" style="width: 100%; height: 250px;" data-bind="with:WaybillModelLayer">
				<div class="row clearfix" style="display: flex">
						<tr>
							<td class="td_form01">
								<label>主单号 ：</label>
							</td>
							<td class="td_form02">
								<input type="text"data-bind="value: billNo" />
							</td>
							<td class="td_form01">
								<label>装运港/指运港：</label>
							</td>
							<td class="td_form02">
								 <input type="text" data-bind="value:destinationPort" />
							</td>
						</tr>
						<tr>
							<td class="td_form01">
								<label>订单编号 ：</label>
							</td>
							<td class="td_form02">
								<input type="text"data-bind="value:orderId" />
							</td>
							<td class="td_form01">
								<label>进出口标志：</label> 
							</td>
							<td class="td_form02">
								<input type="text"data-bind="value:ieType" />
							</td>
						</tr>
						<tr>
							<td class="td_form01">
								<label>物流企业代码 ：</label>
							</td>
							<td class="td_form02">
								<input type="text" data-bind="value: deliverEnterpriseCode" />
							</td>
							<td class="td_form01">
								<label>贸易国别：</label> 
							</td>
							<td class="td_form02">
								<input type="text"data-bind="value:tradeCountry" />
							</td>
						</tr>
						<tr>
							<td class="td_form01">
								<label>物流企业名称：</label>
							</td>
							<td class="td_form02">
								<input type="text" data-bind="value: deliverEnterpriseName" />
							</td>
							<td class="td_form01">
								<label>操作类型：</label> 
							</td>
							<td class="td_form02">
								<input type="text"data-bind="value:modifyMask" />
							</td>
						</tr>
						<tr>
							<td class="td_form01">
								<label>模式代码 ：</label>
							</td>
							<td class="td_form02">
								<input type="text" data-bind="value: billMode" />
							</td>
							<td class="td_form01">
								<label>进/出境口岸：</label>
							</td>
							<td class="td_form02">
								 <input type="text"data-bind="value:jcbOrderPort" />
							</td>
						</tr>
						<tr>
							<td class="td_form01">
								<label>运单号 ：</label>
							</td>
							<td class="td_form02">
								<input type="text"data-bind="value: expressNumber" />
							</td>
							<td class="td_form01">
								<label>运输方式代码：</label> 
							</td>
							<td class="td_form02">
								<input type="text"data-bind="value:transferType" />
							</td>
						</tr>
						<tr>
							<td class="td_form01">
								<label>收货人地址：</label>
							</td>
							<td class="td_form02">
								<input type="text"data-bind="value: collectionUserAddress" />
							</td>
							<td class="td_form01">
								<label>检验检疫进/出境口岸：</label>
							</td>
							<td class="td_form02">
								 <input type="text" data-bind="value:jcbOrderOrPortInsp" />
							</td>
						</tr>
						<tr>
							<td class="td_form01">
								<label>收货人国家：</label>
							</td>
							<td class="td_form02">
								<input type="text" data-bind="value: collectionUserCountry" />
							</td>
							<td class="td_form01">
								<label>检验检疫运输方式代码：</label> 
							</td>
							<td class="td_form02">
								<input type="text" data-bind="value:transferTypeInsp" />
							</td>
						</tr>
						<tr>
							<td class="td_form01">
								<label>收货人名称：</label> 
							</td>
							<td class="td_form02">
								<input type="text"data-bind="value:collectionUserName" />
							</td>
							<td class="td_form01">
								<label>检验检疫运输工具代码：</label> 
							</td>
							<td class="td_form02">
								<input type="text" data-bind="value:shipCodeInsp" />
							</td>
						</tr>
						<tr>
							<td class="td_form01">
								<label>发货人所在国：</label>
							</td>
							<td class="td_form02">
								<input type="text"data-bind="value:senderCountry" />
							</td>
							<td class="td_form01">
								<label>检验检疫申报口岸代码：</label> 
							</td>
							<td class="td_form02">
								<input type="text" data-bind="value:applyPortInsp" />
							</td>
						</tr>
						<tr>
							<td class="td_form01">
								<label>毛重(公斤)：</label>
							</td>
							<td class="td_form02">
								<input type="text" data-bind="value:weight" />
							</td>
							<td class="td_form01">
								<label>检验检疫起运国/抵运国：</label> 
							</td>
							<td class="td_form02">
								<input type="text" data-bind="value:transferRegionInsp" />
							</td>
						</tr>
						<tr>
							<td class="td_form01">
								<label>商品数量：</label>
							</td>
							<td class="td_form02">
								<input type="text"data-bind="value:amount" />
							</td>
							<td class="td_form01">
								<label>检验检疫包装种类：</label> 
							</td>
							<td class="td_form02">
								<input type="text" data-bind="value:packCategoryInsp" />
							</td>
						</tr>
						<tr>
							<td class="td_form01">
								<label>包装种类：</label>
							</td>
							<td class="td_form02">
								<input type="text"data-bind="value:packageCategory" />
							</td>
							<td class="td_form01">
								<label>物流企业检验检疫备案编号：</label> 
							</td>
							<td class="td_form02">
								<input type="text" data-bind="value:logisticsCodeInsp" />
							</td>
						</tr>
						<tr>
							<td class="td_form01">
								<label>件数：</label>
							</td>
							<td class="td_form02">
								<input type="text" data-bind="value:packNum" />
							</td>
							<td class="td_form01">
								<label>电商企业检验检疫备案编号：</label> 
							</td>
							<td class="td_form02">
								<input type="text" data-bind="value:cbeCodeInsp" />
							</td>
						</tr>
						<tr>
							<td class="td_form01">
								<label>净重：</label>
							</td>
							<td class="td_form02">
								<input type="text"data-bind="value:netWeight" />
							</td>
							<td class="td_form01">
								<label>电商企业名称：</label> 
							</td>
							<td class="td_form02">
								<input type="text" data-bind="value:cbeName" />
							</td>
						</tr>
						<tr>
							<td class="td_form01">
								<label>商品名称：</label>
							</td>
							<td class="td_form02">
								<input type="text" data-bind="value:goodsName" />
							</td>
							<td class="td_form01">
								<label>申报口岸：</label> 
							</td>
							<td class="td_form02">
								<input type="text"data-bind="value:declarePort" />
							</td>
						</tr>
						<tr>
							<td class="td_form01">
								<label>运输工具名称：</label>
							</td>
							<td class="td_form02">
								<input type="text"data-bind="value:shipName" />
							</td>
						<td class="td_form01 text-center">
						</td>
						<td class="td_form02 text-center">
						</td>
						</tr>
						<tr >
							<td class="td_form02 text-center" colspan="4">
								<button class="saveBtn " data-bind="click:$root.save">
									<i class="iconSave"><img src="/images/ic05.png" alt=""></i>
									保存
								</button>
								<button class="popClose" data-bind="click:$root.Cancel"> 
									<i class="popIcon"><img src="/images/ic06.png" alt=""></i>
									关闭
								</button>
							
							</td>
						</tr>
				</div>
			</table>		
		</div>
		
		
		<div id="recepipt" style="display: none;">
			<table class="table table-hover" style="width: 100%; height: 250px;" data-bind="foreach:ReceiptModelLayer">
				<tr>
					<td class="td_form02">
						<textarea style="height: 500px; width: 575px;"data-bind="value:content"></textarea>
					</td>
				</tr>
			</table>
			<div style="padding-left: 42%;">
				<td class="td_form02 text-center" colspan="4">
						<button class="popClose" data-bind="click:$root.Cancel"> 
							<i class="popIcon"><img src="/images/ic06.png" alt=""></i>
							关闭
						</button>
				</td>
			</div>
		</div>
		
		<div th:include="pager :: pager"></div>

	</div>

</body>
</html>

